import { useState, useEffect } from 'react'
import BlockTitle from '../../../../../../framework/BlockTitle';
import BlockBody from '../../../../../../framework/BlockBody';
import './index.less';
export default function BlockPanel(props) {
    const { title, children } = props;
    return <div className={`layout-v ${props.className}`}>
        <BlockTitle style={{
            fontFamily: 'pmzd'
        }}>
            {title}
        </BlockTitle>
        <div className={`fill h0 ${props.bodyClassName} block-panel`} style={{
            paddingTop: "12px",
            marginBottom: 8,
            // background: "linear-gradient(90deg, #0c3052 0%, rgba(5, 41, 75, 0) 100%)",
            overflow: 'auto',
            ...props.bodyStyle
        }}>
            {props.children}
        </div>
    </div>;
}